body {
  margin: 0;
  padding: 0;
  font-family: sans-serif; }

.container {
  margin: 0 auto; }

.StaffHeader {
  font-size: 15px;
  color: rosybrown;
  padding-top: 20px; }

.optHeader {
  margin-bottom: 20px; }

.optHeader, .itemPanel, .itemHead {
  width: 100%;
  text-align: center; }

.itemHead tr {
  display: table-cell;
  text-align: center;
  line-height: 50px;
  border-bottom: 1px solid #999; }

.itemHead th {
  width: 100%;
  display: block; }

.itemPanel {
  border: 1px solid #ccc; }

.addForm {
  text-align: center; }

.overLay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center; }

.overLay table {
  margin: 0 auto; }

.tips-success, .tips-mes, .tips-age {
  color: red;
  display: none; }

#idSelect, #orderSelect {
  margin-left: 10px; }

.tableBar {
  line-height: 42px;
  border-bottom: 1px solid #ccc; }

.itemBtn:nth-child(2) {
  margin-left: 10px; }

#staffAddName, #staffAddAge, #staffEditName, #staffEditAge {
  outline: none;
  border: 1px #ccc solid;
  line-height: 25px;
  padding-left: 12px;
  width: 250px; }

#staffAddSex, #staffAddId, #staffAddDescrip, #staffEditSex, #staffEditId, #staffEditDescrip {
  width: 250px; }

.newTable {
  margin-bottom: 10px; }

.newLable {
  width: 100px;
  text-align: center;
  display: inline-block; }

.content {
  margin: 15% auto; }
